<template>
  <div>
    {{$store.state.msg}}
    <hr>
    {{$store.getters.upDateMsg}}
    <hr>
    {{info}}
    <hr>
    <h3>user</h3>
    <p>{{$store.state.user.user}}</p>
    <button @click="handleClick">点击</button>
  </div>
  <router-view />
</template>

<script>
import { useStore } from 'vuex'
export default {
  setup () {
    const store = useStore()
    console.log(store.state.msg)
    const info = store.getters.upDateMsg

    const handleClick = () => {
      // store.commit('upDateMsg', 'nihao')
      // store.dispatch('upDateMsg', '过年了')
      store.commit('user/upDateUser', '李四')
    }
    return { handleClick, info }
  }
}
</script>

<style lang="less">
</style>
